<%@page import="com.easy.base.domain.EObject"%>
<%@page import="com.easy.auth.domain.UploadFile"%>
<%@page import="com.easy.base.service.impl.ESession"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>上传管理</title>
<%@include file="/jsp/include/common.jsp"%>
</head>
<body class="easyui-layout">
	<%@include file="/jsp/include/commonLayout.jsp"%>
	<div data-options="region:'center'">
		<div>
			<!-- 数据表格  -->
			<table id="dataGrid"></table>
			<!-- 添加或编辑日志的弹出窗口 begin -->
			<div id="saveOrEditDlg" class="easyui-dialog"
				style="width: 400px; height: 400px; padding: 10px 10px"
				closed="true" buttons="#dlg-buttons" data-options="modal:true">
				<form id="saveOrEditForm" method="post" enctype="multipart/form-data">
					<table>
						<tr>
							<td>名称:</td>
							<td><input id="oname" name="oname" class="easyui-textbox" style="width:200px;" data-options="validType : 'length[0,30]',required : true,"/></td>
						</tr>
						
						 
						<!-- <tr>
							<td>图片:</td>
							<td>
								<input id="img" name="img" class="easyui-textbox" style="width:200px;" />
							</td>
						</tr> -->
						 
						<tr>
							<td> 选择图片:</td>
							<td>
							<input  name="file"    type="file"  style="width:224px">
							</td>
						</tr>
			 
						<tr>
							<td> 图片类型:</td>
							<td>
								<input id="filetype" name="filetype" style="width:200px;"data-options="validType : 'length[0,60]'," />
							</td>
						</tr>
						<tr>
							<td> 描述:</td>
							<td>
								<input id="odesc" name="odesc" class="easyui-textbox" style="width:200px;" data-options="validType : 'length[0,60]'," />
							</td>
						</tr>
						
						<tr>
							<td> 显示排序:</td>
							<td><input id="orders" name="orders" class="easyui-numberbox" style="width:200px;"data-options="validType : 'length[0,3]',required : true," /></td>
						</tr>
						
<!-- 						<tr id="parttr2" style="display: none">
							<td colspan="2" style="text-align: center;">------------------自动数据----------------</td>
						</tr>
 -->						<tr id="parttr" name="parttr" style="display: none" >
							<td>选择报告:</td>
							<td><input id="partid" name="partid"  style="width: 200px;"></td>
						</tr>
						<!-- <tr>
							<td colspan="2" style="text-align: center;">------------------手动添加数据-------------</td>
						</tr> -->
						<tr >
							<td> 所属工厂</td>
							<td>
								<input id="plant" name="plant" style="width:200px;"data-options="validType : 'length[0,60]'," />
							</td>
						</tr>
						<tr >
							<td> 所属车型</td>
							<td>
								<input id="cartype" name="cartype"  style="width:200px;"data-options="validType : 'length[0,60]'," />
							</td>
						</tr>
						
						 
					</table>
					<input type="hidden" id="oid" name="oid">
					<input  type="hidden" id="filename" name="filename">
					<input    type="hidden" id="size" name="size">
					
					<input  type="hidden"  id="partname" name="partname" value="" style="width:30px">
					<input  type="hidden"  id="partpath" name="partpath" value="" style="width:30px">
				</form>
			</div>
			<div id="dlg-buttons">
				<a class="easyui-linkbutton" iconCls="icon-ok"
					onclick="saveOrEditUploadFile()"> 保存 </a>
				<a class="easyui-linkbutton" iconCls="icon-cancel"
					onclick="javascript:$('#saveOrEditDlg').dialog('close')"> 关闭 </a>
			</div>
			<!-- 添加或编辑日志的弹出窗口 end -->
			<%--显示大图标的区域--%>  
			<div id="imgDlg" class="easyui-dialog"
				style="width: 200px; height: 200px; padding: 10px 10px"
				closed="true" data-options="modal:true">
				<form id="imgForm" method="post">
					<table>  
				        <div id="divImage" style="text-align: center; " >    
				            <img id="imgbig" onclick="out();"  src="" alt="大图" />    
				        </div> 
				    </table>
				</form> 
			</div>
			 
		 
			   
		</div>
	</div>
</body>
<script type="text/javascript">
	$(document).ready(function() {
		// 初始化表格
		var dataGrid = $('#dataGrid').datagrid({
			rownumbers : true,	//如果为true，则显示一个行号列
			fitColumns : true,	//真正的自动展开/收缩列的大小，以适应网格的宽度，防止水平滚动
			collapsible : true,	//定义是否显示可折叠按钮
			title : '图片管理 ',	//在面板头部显示的标题文本
			pagination : true,	//如果为true，则在DataGrid控件底部显示分页工具栏
			pagePosition : 'bottom',	//定义分页工具栏的位置
			method : 'post', //该方法类型请求远程数据
			url : getRootPath() + '/UpLoadController/getUploadFiles.do',	//一个URL从远程站点请求数据
			singleSelect : false,//只能选一行
			striped : true, //数据条纹显示
			frozenColumns : [ [ {//不可被删除的列
				field : 'ck',	//列字段名称
				checkbox : true	//如果为true，则显示复选框
			} ] ],
			columns : [ [ {
				field : 'oname',
				title : '显示名称',
				width : 200,
				sortable : true
			},  {
				field : 'filename',
				title : '文件名称',
				width : 150,
				sortable : true
			},{
				field : 'filetype',
				title : '图片类型',
				width : 100,
				sortable : true
			},{
				field : 'plant',
				title : '所属工厂',
				width : 100,
				sortable : true
			},{
				field : 'cartype',
				title : '所属车型',
				width : 100,
				sortable : true
			},{
				field : 'odesc',
				title : '描述',
				width : 250,
				sortable : true
		 
			}, {
				field : 'last_modify_time',
				title : '上传时间',
				width : 150,
				sortable : true
			}, {
				field : 'orders',
				title : '显示位置',
				width : 60,
				sortable : true
			}, {
				field : 'size',
				title : '大小',
				width : 100,
				sortable : true,
				formatter: function(value,row,index){ return value+"字节";}
			} , {
				field : 'oid',
				title : '',
				width : 200,
				hidden : true
			} ] ],
			toolbar : [
			 {	 
				text : '添加',
				iconCls : 'icon-add',
				handler : function(){
					$('#saveOrEditDlg').dialog('open').dialog('setTitle', '添加信息');
					$('#saveOrEditForm').form('clear');
					changeFiletype();
				}
			}/* ,'-',{
				text : '编辑',
				iconCls : 'icon-edit',
				handler : function(){
					var rows = $('#dataGrid').datagrid('getSelections');
					if (rows.length == 0) {
						$.messager.alert('提示', '请选择修改项', 'info');
						return;
					} else if (rows.length > 1) {
						$.messager.alert('提示', '只能选择一项', 'info');
						return;
					}
					if (rows) {
						$('#saveOrEditDlg').dialog('open').dialog('setTitle', '编辑信息');
						$.ajax({
							type : 'post',
							async : false,
							url : getRootPath() + '/UpLoadController/getUploadFileById.do',
							data : rows[0],
							success : function(result) {
								//"fileName"
								$('#saveOrEditForm').form('load', result);
								changeFiletype();
							},
							dataType : 'json'
						});
					}
				}
			} */,'-',
			
			{
				text : ' 删除',
				iconCls : 'icon-remove',
				handler : function(){
					var rows = $('#dataGrid').datagrid('getSelections');
					if (rows.length == 0) {
						$.messager.alert(' 提示 ', '  请选择删除项 ', 'info');
						return;
					}
					var oids = [];
					for (var i = 0; i < rows.length; i++) {
						oids.push(rows[i].oid);
					}
					oids = oids.join('-');
					$.messager.confirm(' 确认 ', ' 确定要删除选中的信息吗? ', function(r) {
						if (r) {
							$.post(getRootPath() + '/UpLoadController/removeUploadFile.do', {
								'oids' : oids
							}, function(result) {
								if (result.successful) {
									$('#dataGrid').datagrid('reload'); // reload the user data
								} 
								$.messager.show(result);
							}, 'json');
						}
					});
				}
			}],
		remoteFilter : true,	//设置为true时，启用远程过滤
		filterDelay : 1000,		//延迟过滤 'text' 过滤器组件中最后一次键盘输入事件
		filterStringify : function(data) {	//字符串化过滤器规则的函数
			return JSON.stringify(data);
		} 
		});

		dataGrid.datagrid('enableFilter');
		});
	
	//保存关系信息
	function saveOrEditUploadFile() {
		$('#saveOrEditForm').form('submit', {
			url : getRootPath() + '/UpLoadController/saveUploadFile.do',
			onSubmit : function() {
				return $(this).form('validate');
			},
			success : function(result) {
				result = $.parseJSON(result);
				if (result.successful) {
					$('#dataGrid').datagrid('reload'); // reload the user data
				} 
				$('#saveOrEditDlg').dialog('close'); // close the dialog
				$.messager.show(result);
			}
		});
	}
	
	
	
function changeFiletype(){
	$('#filetype').combobox({  
	    //url:'combobox_data.json',    
	    	valueField: 'id',
			textField: 'oname',
			onSelect: function(record){
				if(record.id=='车型报告图片'){
					document.getElementById("parttr").style.display="";
					document.getElementById("parttr2").style.display="";
				}else{
					document.getElementById("parttr").style.display="none";
					document.getElementById("parttr2").style.display="none";
				}
			},
			data: [{
				id: '首页车型图片',
				oname: '首页车型图片'
			},{
				id: '车型报告图片',
				oname: '车型报告图片'
			}]
		
	});
	$('#partid').combotree({
		url : getRootPath()+ "/ReportController/getReportCombotree.do",//getAllNasReport
		//url : "treeDemo.json",
		required: true   ,
		queryParams: {
			serchTime: "typeOid",
		},
		onBeforeSelect:function(node){
			if(node.isfile!='true'){
				//$.messager.alert('请选择一份报告！', node.oname+'不是一份报告', 'info');
				return false;
			}
		},
		onClick: function(node){
			//	$('#partid').combotree('expand', node.target);
				//$.messager.alert('请选择一份报告！', node.oname+'不是一份报告', 'info');
				
			$('#partname').val(node.oname);
			$('#partpath').val(node.nas_path);
		},
		parentField : "pid",
		textFiled : "oname",
		idFiled : "id",
	});
		$('#plant').combobox({  
		    //url:'combobox_data.json',   
		    	valueField: 'oname',
				textField: 'oname',
				url: getRootPath()+"/ReportController/findReport.do?pid=0",
				onSelect: function(record){
					changeChexing(record.id);
				},
				onLoadSuccess: function () { //加载完成后,设置选中第一项
		            var val = $(this).combobox("getData");
		            for (var item in val[0]) {
		                if (item == "oname") {
		                    $(this).combobox("select", val[0][item]);
		                }
		                if (item == "id") {
		                    changeChexing(val[0][item]);
		                }
		            }
		        }
		}); 

	}
function changeChexing(fatherId){
	$('#cartype').combobox({  
	    //url:'combobox_data.json',    
	    	valueField: 'oname',
			textField: 'oname',
			url: getRootPath()+"/ReportController/findReport.do?pid="+fatherId,
			onLoadSuccess: function () { //加载完成后,设置选中第一项
	            var val = $(this).combobox("getData");
				var def = "";
	            for (var item in val[val.length-1]) {
	                if (item == "oname") {
	                	def = val[val.length-1][item];
	                }
	            }
	            $(this).combobox("select", def);
	        }
	});
}
</script>
</html>
  
